<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>易安网</title>
		<link rel="stylesheet" type="text/css" href="img/style.css" />
		<%@ include file="/user_comm.jsp"%>
	</head>
	<!--[if lt IE 7]>
<script type="text/javascript" src="img/putaojiayuan.js"></script>
<![endif]-->
	<script type="text/javascript" src="img/tab.js"></script>
	<!-- 
	<SCRIPT src="img/jquery.min.js" type=text/javascript></SCRIPT>
	 -->
	<SCRIPT type=text/javascript> 
var _c = _h = 0;
$(document).ready(function () {
    $('#play  li').click(function(){
        var i = $(this).attr('alt') - 1;
        clearInterval(_h);
        _c = i;
        //play();
        change(i);       
    })
    $("#pic img").hover(function(){clearInterval(_h)}, function(){play()});
    play();
})
function play()
{
    _h = setInterval("auto()", 5000);
 
}
function change(i)
{
    $('#play li').css('background-color','#000000').eq(i).css('background-color','#FF3000').blur();
    $("#pic img").fadeOut('slow').eq(i).fadeIn('slow');
}
function auto()
{   
    _c = _c > 6 ? 0 : _c + 1;
 
    change(_c);
}
</SCRIPT>
	<style type="text/css">
.img_switch {
	margin: 0 auto;
	WIDTH: 1000px;
	HEIGHT: 261px;
	overflow: hidden
}

.img_switch_content {
	HEIGHT: 261px;
	position: relative;
}

.img_switch_text {
	width: 262px;
	position: absolute;
	z-index: 10;
	bottom: 5px;
	left: 10px;
	HEIGHT: 15px;
	z-index: 10000 !important
}

.number_nav {
	DISPLAY: inline;
	FLOAT: left;
}

.number_nav UL {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	color: #fff;
}

.number_nav UL li {
	float: left;
	font-weight: bold;
	background: #000;
	float: left;
	margin-right: 8px;
	width: 23px;
	cursor: pointer;
	line-height: 17px;
	height: 17px;
	text-align: center;
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#pic {
	OVERFLOW: hidden
}
</style>
	<body>
		<%@ include file="/front_top.jsp"%>
		<div class="content">
			<div class="main">
				<div class="container">
					<div class="img_switch">
						<div class="img_switch_content" id="pic">
							<a href="http://www.865171.cn/"><img src="img/banner3.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner4.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner3.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner4.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner3.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner4.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner3.jpg"/>
							</a>
							<a href="http://www.865171.cn/"><img src="img/banner4.jpg"/>
							</a>
							<div class="img_switch_text">
								<div class="number_nav">
									<UL id="play">
										<li alt="1" style="background: #f00;">
											1
										</li>
										<li alt="2">
											2
										</li>
										<li alt="3">
											3
										</li>
										<li alt="4">
											4
										</li>
										<li alt="5">
											5
										</li>
										<li alt="6">
											6
										</li>
										<li alt="7">
											7
										</li>
										<li alt="8">
											8
										</li>
									</UL>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="box1">
					<div class="img1">
						<img src="img/icon3.jpg" width="122" height="152" />
					</div>
					<div class="txt">
						<h2>
							<a href="http://www.865171.cn/">亿贝CALL</a>
						</h2>
						<div class="txt2">
							<p>
								了解有关选项卡和选项卡快捷方式、加速器和 InPrivate 浏览的更多信息加速器和 InPrivate 浏览的更多信息
							</p>
						</div>
						<div class="at2">
							<a href="http://www.865171.cn/"><img src="img/btn1.jpg"
									width="142" height="39" />
							</a><span><a href="http://www.865171.cn/">>>了解详情</a>
							</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="box1">
					<div class="img1">
						<img src="img/icon4.jpg" width="122" height="152" />
					</div>
					<div class="txt">
						<h2>
							<a href="http://www.865171.cn/">亿贝CALL</a>
						</h2>
						<div class="txt2">
							<p>
								了解有关选项卡和选项卡快捷方式、加速器和 InPrivate 浏览的更多信息加速器和 InPrivate 浏览的更多信息
							</p>
						</div>
						<div class="at2">
							<a href="http://www.865171.cn/"><img src="img/btn1.jpg"
									width="142" height="39" />
							</a><span><a href="http://www.865171.cn/">>>了解详情</a>
							</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
				<div
					style="background: url(img/bg6.jpg) repeat-x; height: 2px; width: 100%; margin-bottom: 18px; overflow: hidden"></div>
				<div class="box2">
					<h2 class="title1">
						<img src="img/icon1.jpg" />
						&nbsp;&nbsp;最新动态
					</h2>
					<ul class="menu1">
						<li>
							<a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span>
						</li>
						<li>
							<a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span>
						</li>
						<li>
							<a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span>
						</li>
						<li>
							<a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a><span>00-00-00</span>
						</li>
					</ul>
					<div>
						<a href="http://www.865171.cn/"
							style="float: right; color: #b05004">>>了解详情</a>
					</div>
				</div>
				<div class="box3">
					<div class="txt3">
						<h2 class="title2">
							<img src="img/icon2.gif" />
							&nbsp;&nbsp;客服中心
						</h2>
						<img src="img/phone.gif" width="198" height="111" />
					</div>
					<div class="img2">
						<a href="http://www.865171.cn/"><img src="img/icon5.gif"
								width="162" height="158" />
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
<!-- 
		<div class="foot">
			<div class="foot_nav">
				<a href="http://www.865171.cn/">帮助中心</a>|
				<a href="http://www.865171.cn/">隐私条款</a>|
				<a href="http://www.865171.cn/">关于我们</a>
			</div>
			<div class="foot_bar">
				<img src="img/logo2.jpg" width="114" height="42" align="left" />
				&copy;2009.INBAI Technology Co.Ltd
				<br />
				粤ICP备09104593
			</div>
			<div class="clear"></div>
		</div>
		 -->
		
<%@ include file="/front_button.jsp"%>
	</body>
</html>
